<template>
  <div class="severConsult">
    <consultHeader />
    <div class="con">
      <consulContent />
    </div>
    <consulFooter />
  </div>
</template>

<script>
import consultHeader from "../vivw-com/consultHeader.vue";
import consulContent from "../vivw-com/consulContent.vue";
import consulFooter from "../vivw-com/consulFooter.vue";

export default {
  name: "severConsult",
  components: {
    consultHeader,
    consulContent,
    consulFooter,
  },
};
</script>

<style scoped>
.severConsult {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.con {
  flex: 1;
  overflow: auto;
}
</style>